/**
列表组件样式
*/
.HY_Layer{

}

.HY_layer .scaleIn{
    animation:scaleIn 0.3s;
    -webkit-animation:scaleIn 0.3s;
}

@keyframes scaleIn{
    from{
        -webkit-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1);
    }

    to{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.HY_layer .mask{/*遮罩层*/
    position: fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:999;
}

.HY_layer .loadContent{
    position: fixed;
    top:50%;
    left:50%;
    width:115px;
    height:104px;
    background-color: rgba(0,0,0,0.8);
    border-radius: 8px;
    margin:-58px 0 0 -52px;
    color:#fff;
    font-size: 0.28rem;
    z-index:999;
    box-shadow:0 0 3px #000;
}

.HY_layer .loadContent .loadImg{
    width:35px;
    height:35px;
    background: url(./images/HY.png) no-repeat 50% 50% ;
    background-size: 100%;
    display: block;
    margin:20px auto;
    border-radius:50%;
    border:1px solid #fff;
    animation:imgSpin linear 1s infinite;
}


@keyframes imgSpin {
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}


/*toast 提示*/
.HY_layer .toastContent{
    position: fixed;
    width:96%;
    left:2%;
    background-color: rgba(0,0,0,0.6);
    border-radius: 5px;
    padding:20px 20px;
    text-align: center;
    color:#fff;
    font-size: 0.3rem;
    top:10px;
    line-height: 0.36rem;
    transform:translateY(-200%);
    animation-fill-mode: forwards;
    box-shadow: 0 0 2px #000;
    z-index:99999;

}

.HY_layer .toastContent.show{
    animation:translateInAndOut linear 3s;
}

@keyframes translateInAndOut {
    from{
        transform:translateY(-200%);
    }

    10%{
        transform:translateY(0%);
    }

    50%{
        transform:translateY(0%);
    }

    90%{
        transform:translateY(0%);
    }

    to{
        transform:translateY(-200%);
    }
}